<!DOCTYPE HTML>
<html>
	<head>
		<title>学习强校</title>
		<meta charset="utf-8">
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		 <script src="js/jquery.min.js"></script>
		 <!-- start-smoth-scrolling-->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		<!-- start-smoth-scrolling-->
		 <!-- Custom Theme files -->
		<link href="css/theme-style.css" rel='stylesheet' type='text/css' />
   		 <!-- Custom Theme files -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		</script>
		<!--font-Awesome-->
   		<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
   		<!--font-Awesome-->
		<!--webfonts-->
	
		<!--//webfonts-->
		<!--start-top-nav-script-->
		<script>
			$(function() {
				var pull 		= $('#pull');
					menu 		= $('nav ul');
					menuHeight	= menu.height();
				$(pull).on('click', function(e) {
					e.preventDefault();
					menu.slideToggle();
				});
				$(window).resize(function(){
	        		var w = $(window).width();
	        		if(w > 320 && menu.is(':hidden')) {
	        			menu.removeAttr('style');
	        		}
	    		});
			});
		</script>
		<style type="text/css">
		.client-pic img{max-width: 100%;}
		#portfoliolist{width:100%;overflow: hidden;}
		#port{max-width: 100%}
		 </style>
		
		
		<!--//End-top-nav-script-->
	</head>
	<body>
		<!--start-container-->
		<!--start-header-->
		<div id="home" class="header scroll">
			<div class="container">
				<!-- start-logo-->
				<div class="logo">
					<a href="#"><img src="images/logo.png" title="Blue agency" /></a>
				</div>
				<!-- //End-logo-->
				<!--start-top-nav-->
				 <nav class="top-nav">
					<ul class="top-nav">
						<li class="active"><a href="#slider" class="scroll">学政治</a></li>
						<li class="page-scroll"><a href="#about" class="scroll">学知识</a></li>
						<li class="page-scroll"><a href="#services" class="scroll">学历史</a></li>
						<li class="page-scroll"><a href="#port" class="scroll">美丽中国</a></li>
						<li class="page-scroll"><a href="#testmonials" class="scroll">国家主席</a></li>
						<li class="page-scroll"><a href="#team" class="scroll">国家领导人</a></li>
						<li class="page-scroll"><a href="#contact" class="scroll">联系我们</a></li>
					</ul>
					<a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
				</nav>
				<div class="clearfix"> </div>
				<!--//End-top-nav-->
			</div>
		</div>
		<!--//End-header-->
		<!---start-slider-->
		<div class="slider" id="slider">
			<script src="js/responsiveslides.min.js"></script>
			  <script>
			    // You can also use "$(window).load(function() {"
			    $(function () {
			      // Slideshow 3
			      $("#slider3").responsiveSlides({
			        manualControls: '#slider3-pager',
			      });
			    });
			  </script>
			  	<!-- Slideshow -->
			    <ul class="rslides" id="slider3">
			      <li>
			      	<img src="images/slider-img1.jpg" alt="">
			      	<div class="slid-info">
			      	   <h1 >落实科学发展，推动教育改革，促进社会和谐</h1>
			      	   <p>一份劳动，一份收获，一份精神，一份事业。 </p>
			      	</div>
			      </li>
			     
			    </ul>
			    <!-- Slideshow -->
			 
		   </div>
		<!---//End-slider-->
		<!--start-about-->
		<div id="about" class="about">
			<div class="container">
				<h2 class="text-center">学知识</h2>
				<p class="wellcome-note-head"><label>全面的学习平台，理论宝库、强魄铸魂的精神家园！</label></p>
				<p class="wellcome-note-info"></p>
			<!--start-about-grids-->
			<div class="about-grids">
				<div class="col-md-3 about-grid">
					<span class="about-icon"> </span>
					<h3><a href="#"><label>自然</label>科学</a></h3>
					<p>自然科学是研究大自然中有机或无机的事物和现象的科学。</p>
				</div>
				<div class="col-md-3 about-grid">
					<span class="about-icon1"> </span>
					<h3><a href="#"><label>社会</label>科学</a></h3>
					<p>社会科学是用科学的方法，研究人类社会的种种现象的各学科总体或其中任一学科</p>
				</div>
				<div class="col-md-3 about-grid">
					<span class="about-icon2"> </span>
					<h3><a href="#"><label>文化</label>艺术</a></h3>
					<p>用语言、声音、建筑、美术、书法、电影、电视、舞蹈等各种艺术方式表现。</p>
				</div>
				<div class="col-md-3 about-grid">
					<span class="about-icon3"> </span>
					<h3><a href="#"><label>互联网</label>产业</a></h3>
					<p>互联网可以是文本，图像，音频，视频，软件，数据库等，涉及多领域。</p>
				</div>
				<div class="clearfix"> </div>
			</div>
			</div>
			<!--//End-about-grids-->
		</div>
		<!--//End-about-->
		<!--start-services-->
		<div id="services" class="services">
			<div class="container">
				<h3>学历史<label> </label></h3>
			<!--start-servicves-list-->
			<div class="services-list text-center">
				<ul class="list-unstyled list-inline">
					<li>
						<a href="#"><span class="service-icon"> </span><label>中国当代史</label></a>
					</li>
					<li>
						<a href="#"><span class="service-icon1"> </span><label>中国现代史</label></a>
					</li>
					<li>
						<a href="#"><span class="service-icon2"> </span><label>中国近代史</label></a>
					</li>
					<li>
						<a href="#"><span class="service-icon3"> </span><label>中国古代史</label></a>
					</li>
					<li>
						<a href="#"><span class="service-icon4"> </span><label>世界历史</label></a>
					</li>
				
				</ul>
			</div>
			<!--//End-servicves-list-->
			</div>
		</div>
		<!--//End-services-->
		<!--start-portfolio-->
		<div id="port" class="portfolio portfolio-box">
			<div class="container">
				<h3>美丽中国<label> </label></h3>
			<!--start-portfolio-->
         <div id="port" class="container portfolio-main">
	        	<!-- start-portfolio-script-->
				
					<!--//End-portfolio-script-->
					
					<div id="portfoliolist">
					<div class="portfolio logo1 mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="images/p11.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
						  	</div></a>
		                </div>
		                <div class="port-info">
		                	<h4><a href="#">努力高效的工作</a></h4>
		                
		                </div>
					</div>				
	
					<div class="portfolio web mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="images/p22.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
						  	</div></a>
		                </div>
		                <div class="port-info">
		                	<h4><a href="#">团结向上的民族</a></h4>
		                
		                </div>
					</div>				

					<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="images/p33.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
						  	</div></a>
		                </div>
		                 <div class="port-info">
		                	<h4><a href="#">美丽的家园</a></h4>
		                
		                </div>
					</div>			
					<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="images/p44.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
						  	</div></a>
		                </div>
		                 <div class="port-info">
		                	<h4><a href="#">快乐健康的生活</a></h4>
		                
		                </div>
					</div>	
					<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="images/p55.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
						  	</div></a>
		                </div>
		                 <div class="port-info">
		                	<h4><a href="#">轻松愉快的生活环境</a></h4>
		                
		                </div>
					</div>	
		
					<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper">		
							<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
						     <img class="p-img" src="images/p88.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
						  	</div></a>
		                </div>
		                 <div class="port-info">
		                	<h4><a href="#"> 和谐的中国氛围</a></h4>
		                
		                </div>
					</div>
					<div class="clearfix"> </div>	
					<a class="more-ports text-center" href="#"><span> </span></a>																																				
				</div>
		</div>
		</div>
		<div class="clearfix"> </div>
		</div>
         <!--//End-portfolio-->
         <!---start-testmonials-->
         <div class="testmonials" id="testmonials">
         	<div class="container">
	         	<div class="client-pic col-md-4">
	         		<img src="images/xjp.jpg" title="name" />
	         	</div>
	         	<div class="client-sys col-md-8">
	         		<!--start-testmonial-slider-->
	         		<link rel="stylesheet" href="css/testmonial.css">
  					<script src="js/prefixfree.min.js"></script>
	         		<!--//End-testmonial-slider-->
	         		<div class="gallery autoplay items-1">
					    <div id="item-1" class="control-operator"></div>
	
					    <figure class="item">
					      <h3>习近平</h3>
					      <p class="client-says"><span class="left-quit"> </span>
男，汉族，1953年6月生，陕西富平人，1969年1月参加工作，1974年1月加入中国共产党，清华大学人文社会学院马克思主义理论与思想政治教育专业毕业，在职研究生学历，法学博士学位。现任中国共产党中央委员会总书记，中共中央军事委员会主席，中华人民共和国主席，中华人民共和国中央军事委员会主席。
					      	<span class="right-quit"></span></p>
					    </figure>
					
					    <div class="clearfix"> </div>
					
					    <div class="clearfix"> </div>
				  </div>
	         	</div>
	         	<div class="clearfix"> </div>
         	 </div>
         </div>
          <!---//End-testmonials-->
		<!--//End-portfolio-->
		<!---start-team-->
		<div id="team" class="team">
			<div class="container">
				<div class="team-members text-center">
					<div class="col-md-4 team-member">
						<a class="member-pic" href="#"><img src="images/lkq.jpg" title="member-name" /></a>
						<h3><a href="#">李克强</a></h3>
					
						<p>李克强，男，汉族，1955年7月生，安徽定远人，1974年3月参加工作，1976年5月加入中国共产党，北京大学法律系和经济学院经济学专业毕业，在职研究生学历，法学学士、经济学博士学位。现任中共十九届中央政治局常委，国务院总理、党组书记。</p>
					
					</div>
					<div class="col-md-4 team-member">
						<a class="member-pic" href="#"><img src="images/lzs.jpg" title="member-name" /></a>
						<h3><a href="#">栗战书</a></h3>
					
						<p>栗战书，男，汉族，1950年8月生，河北平山人，1972年12月参加工作，1975年4月加入中国共产党，河北师范大学夜大学政教系毕业，在职大学学历，高级工商管理硕士学位。现任中共十九届中央政治局常委，十三届全国人大常委会委员长。</p>
					
					</div>
					<div class="col-md-4 team-member">
						<a class="member-pic" href="#"><img src="images/wy.jpg" title="member-name" /></a>
						<h3><a href="#">汪洋</a></h3>
						
						<p>汪洋，男，汉族，1955年3月生，安徽宿州人，1972年6月参加工作，1975年8月加入中国共产党，中央党校大学学历，工学硕士学位。现任中共十九届中央政治局常委，十三届全国政协主席</p>
						<!--
						<div class="col-md-4 team-member">
						<a class="member-pic" href="#"><img src="images/t3.jpg" title="member-name" /></a>
						
						<h3><a href="#">王沪宁</a></h3>
						
						<p>王沪宁</p>
						<div class="col-md-4 team-member">
						<a class="member-pic" href="#"><img src="images/t3.jpg" title="member-name" /></a>
						<h3><a href="#">赵乐际</a></h3>
						
						<p>赵乐际</p>
						<div class="col-md-4 team-member">
						<a class="member-pic" href="#"><img src="images/t3.jpg" title="member-name" /></a>
						<h3><a href="#">韩正</a></h3>
						
						<p>韩正</p>
					-->
					
					</div>
				</div>
			</div>
		</div>
		<!---//End-team-->
		<!---start-brand-carsuals-->
	
		<!---//End-brand-carsuals-->
		<!--start-blog-->

		<!--//End-blog-->
		<!--start-contact-->
		<div id="contact" class="contact">
			<div class="container">
				 <h3>联系我们<label> </label></h3>
				<div class="contact-grids">
					<div class="col-md-6 contact-grid-left">
						<form method="post" action="contact-post.html">
							<input type="text" placeholder="姓名" >
							<input type="text" placeholder="邮箱" >
							<input type="text" placeholder="主题" >
							<textarea placeholder="请在此输入留言内容" ></textarea>
							
							<span class="submit-btn"><input type="submit" value="发送"></span>
						</form>
					</div>
					<!---->
					<div class="col-md-6 contact-grid-right">
						
						<p>学习就没有止境，对我们青年学生而言，惟有强化学习、打磨理论思维，才能使主观世界更好符合客观实际，从而更好指导实践、推动事业发展。这正是我们学习强校新闻工作站的重要意义所在。</p>
						<div class="col-md-4">
							<h5>电话</h5>
							<span>000]12345678</span>
						</div>
						<div class="col-md-4">
							<h5>地址</h5>
							<span>中国X市X区X路00号</span>
							
						</div>
						<div class="col-md-4">
							<h5>邮箱</h5>
							<span><a href="#">Hello@163.com</a></span>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<!---start-contact-social-->
			
				<!---//End-contact-social-->
		</div>
		</div>
		<!--//End-contact-->
		<!--start-copy-right-->
		<div class="copy-right">
			<div class="container">
				<p>Copyright &copy; 2019.学习强校.</a></p>
					<script type="text/javascript">
				$(document).ready(function() {
					/*
					var defaults = {
			  			containerID: 'toTop', // fading element id
						containerHoverID: 'toTopHover', // fading element hover id
						scrollSpeed: 1200,
						easingType: 'linear' 
			 		};
					*/
					
					$().UItoTop({ easingType: 'easeOutQuart' });
					
				});
			</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
			</div>
		</div>

</body>
</html>